<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中国移动139邮箱-手机号就是邮箱号</title>
    <style>
        body{
            min-width:1200px;
            background-size: cover;
            background-position: left top;
            background-repeat: no-repeat;
            height: auto;
            background-image: url("https://appmail.mail.10086.cn/images_139cm/web_content_op/content/images/20210316/1615860110211.jpg");
            background-color: white;
            margin: 0;
            padding: 0;
            display: block;
           font:  12px/1.5 'Helvetica Neue','Helvetica','PingFang SC','HanHei SC','STHeitiSC-Light','Microsoft YaHei','SimSun','Arial',sans-serif;
        }
        .header{
            position: absolute;
            width: 100%;
            min-width: 1200px;
            top: 0;
            z-index: 10;
            min-height: 40px;
            background: rgba(255,255,255,.5);
            display: block;
        }
        .d1{
            width: 100%;
            margin: 0 auto;
            padding: 15px 0;
            display: block;
        }
        .logo{
            display: inline-block;
            width: 118px;
            height: 30px;
            margin-left: 36px;
            line-height: 100em;
            overflow: hidden;
            background: url("https://mail.10086.cn/images/139.png") no-repeat;
        }
        .d12{
            text-decoration: none;
            display: block;
            position: absolute;
            text-shadow: none;
            outline: 0;
            top: 30px;
            left: 154px;
            font-size: 14px;
            width: 155px;
            height: 38px;
            background: url("https://mail.10086.cn/images/tips.png") no-repeat left center;
            text-align: center;
            line-height: 38px;
            color: #1385ee;
            font-weight: normal;
        }
        #a0{
            text-decoration: none;
        }
        .s1{
            position: relative;
            float: right;
            height: 30px;
            line-height: 30px;
            color: white;
            margin-right: 38px;
            display: block;

        }
        .a{
            position: relative;
            color: #333;
            padding: 0 10px;
            font-size: 14px;
            text-decoration: none;
            outline: 0;
            line-height: 30px;
        }
        #f{
            height: 100%;
            margin-right: 0;
            padding: 0;
            display: block;
        }
        .d2{
            top: 108.5px;
            background: #fff;
            right: 4%;
            position: absolute;
            z-index: 9;
            width: 410px;
            padding: 20px 32px;
            box-sizing: border-box;
            min-height: 215px;
            border: 1px solid #e9e9e9;
            box-shadow: 0 0 10px rgba(0,0,0,.15);
            transition: top .3s linear .1s;
            height: 540px;
            display: block;
            margin-inline-start: 2px;
            margin-inline-end: 2px;
            padding-block-start: 0.35em;
            padding-inline-start: 0.75em;
            padding-inline-end: 0.75em;
            padding-block-end: 0.625em;
            min-inline-size: min-content;
        }
        .u1{
            position: relative;
            zoom: 1;
            list-style: none outside none;
            margin: 0;
            padding: 0;
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            padding-inline-start: 40px;
        }
        .d21{
            width: 75px;
            left: 0;
            position: absolute;
            top: 43px;
            height: 3px;
            background: #1385ee;
            transition: left .2s linear .1s;
            display: block;
            list-style: none outside none;
        }
        #l1{
            color: #1385ee;
            font-weight: bold;
            display: inline-block;
            width: 110px;
            font-size: 18px;
            text-align: left;
            line-height: 48px;
            cursor: pointer;
            position: relative;
            float: left;
            margin: 0;
            padding: 0;
            list-style: none outside none;
        }
        #l2{
            display: none;
            width: 110px;
            font-size: 18px;
            color: #333;
            text-align: left;
            line-height: 48px;
            cursor: pointer;
            position: relative;
            float: left;
            margin: 0;
            padding: 0;
            list-style: none outside none;
        }
        #l3{
            display: inline-block;
            width: 110px;
            font-size: 18px;
            color: #333;
            text-align: left;
            line-height: 48px;
            cursor: pointer;
            position: relative;
            float: left;
            margin: 0;
            padding: 0;
            list-style: none outside none;
        }
        .u2{
            position: relative;
            width: 100%;
            list-style: none outside none;
            margin: 0;
            padding: 0;
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0;
            margin-inline-end: 0;
            padding-inline-start: 40px;
        }
        #l4{
            display: block;
            height: 100%;
            position: relative;
            margin: 0;
            padding: 0;
            text-align: -webkit-match-parent;
            list-style: none outside none;
        }
        .d3{
            display: block;
            text-align: -webkit-match-parent;
            list-style: none outside none;
        }
        #d10{
            display: block;
            margin: 0;
            padding: 0;
            text-align: -webkit-match-parent;
            list-style: none outside none;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0;
            margin-inline-end: 0;
        }
        .dd1{
            padding-top: 75px;
            position: relative;
            font-size: 14px;
            margin: 0;
            display: block;
            margin-inline-start:40px;
            text-align: -webkit-match-parent;
            list-style: none outside none;
        }
        .div1{
            border-color: #1385ee;
            width: 100%;
            margin: 0;
            padding: 10px;
            border: 1px solid #62b5ec;
            position: absolute;
            right: 50px;
            background: white;
            border-radius: 4px;
            display: block;
            font-size: 14px;
            list-style: none outside none;
        }
        #i1{
            font-size: 16px;
            margin: 2px 5px 0 0;
            float: left;
            color: #666;
            font-family: "iconfont"!important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            content: "\e7e5";
        }
       .input{
           width: 210px;
           padding: 5px;
           height: 18px;
           font-size: 14px;
           overflow: visible;
           cursor: text;
           vertical-align: middle;
           font-family: 'Helvetica Neue','Helvetica','PingFang SC','HanHei SC','STHeitiSC-Light','Microsoft YaHei','SimSun','Arial',sans-serif;
           border: 0;
       }
        .dd2{
            padding-top: 15px;
            position: relative;
            font-size: 14px;
            margin: 0;
            padding: 0;
            display: block;
            margin-inline-start: 40px;
            text-align: -webkit-match-parent;
            list-style: none outside none;
        }
            .div2{
                width: 100px;
                height: 20px;
                line-height: 20px;
                zoom: 1;
                display: block;
                font-size: 14px;
                text-align: -webkit-match-parent;
                list-style: none outside none;
            }
        .a1{

            margin-left: 20px;
            display: block;
            float: right;
            color: #1385ee;
            text-decoration: none;
            outline: 0;
            cursor: pointer;
            line-height: 150px;
            text-align: -webkit-match-parent;
            list-style: none outside none;
            position: relative;
           right: 10px;
        }


    </style>
</head>
<body>
<header class="header" >
    <div class="d1">
        <h1>
            <a class="logo">中国移动139邮箱</a>
            <span class="d12">
                <a id="a0" href="https://logininterface.mail.10086.cn/download/index.html" title="随时随地收发邮件" target="_blank">随时随地收发邮件</a>
            </span>
            <span class="s1">
            <a  class="a" href="https://smsrebuild1.mail.10086.cn/weather/weather?func=user:logBehaviorAction&key=login_cmlink2&version=m2012&tourl=https%3A%2F%2Fqiye.mail.10086.cn%2Findex.do" title="企业邮箱" target="_blank">企业邮箱</a>
            <a class="a" href="https://smsrebuild1.mail.10086.cn/weather/weather?func=user:logBehaviorAction&key=downloadEmailApp&version=m2012&tourl=https%3A%2F%2Flogininterface.mail.10086.cn%2Fdownload%2Findex08.html" title="下载客户端" target="_blank">下载客户端</a>
            <a class="a" href="document.querySelector('#J_header > div > nav > a:nth-child(3))'"  title="加入收藏夹">加入收藏夹</a>
            <a class="a" href="https://smsrebuild1.mail.10086.cn/weather/weather?func=user:logBehaviorAction&key=problemFeedback&version=m2012&tourl=http%3A%2F%2Fsmsrebuild0.mail.10086.cn%2Fuec%2FjumpFeedbackRedirect.do" target="_blank" title="问题反馈">问题反馈</a>
            <a class="a" href="https://smsrebuild1.mail.10086.cn/weather/weather?func=user:logBehaviorAction&key=login_help&version=m2012&tourl=http%3A%2F%2Fhelp.mail.10086.cn%2Fstatichtml%2F0%2Findex.html" title="帮助" target="_blank">帮助</a>
            <a class="a" href="https://mail.10086.cn/s?func=umc:rdirectTo&_fv=4&optype=11" title="找回通行证" id="s11">找回通行证</a>
            <a class="a" href="document.querySelector('#weChat')" title="官方微信">官方微信</a>
        </span>
        </h1>
    </div>
</header>
<form action="https://mail.10086.cn/Login/Login.ashx?_fv=4&amp;cguid=2331083101805" method="post" id="f">
    <fieldset class="d2">
        <ul class="u1">
            <div class="d21"> </div>
            <li id="l1">账号登录</li>
            <li id="l2">快捷登录</li>
            <li id="l3">手机快捷登录</li>

        </ul>
        <ul class="u2">
            <li id="l4">
                <div class="d3">
                    <d1 id="d10">
                        <dd class="dd1">
                            <div class="div1">
                                <i id="i1"></i>
                                <input type="text" class="input"  name="UserName"  placeholder="通行证/手机号/别名">
                                <span class="sp">@139.com</span>
                            </div>
                        </dd>
                        <dd class="dd1">
                            <div class="div1">
                            <i id="i2"></i>
                            <input type="text" class="input"  name="Password"  placeholder="密码">
                            </div>
                        </dd>
                        <dd class="dd2">
                            <div class="div2">
                                <a href="https://mail.10086.cn/" class="a1" title="注册">注册</a>
                                <a href="https://mail.10086.cn/default.html?type=reset" title="找回密码" class="a1">找回密码</a>

                            </div>
                        </dd>
                        <dd class="dd4"></dd>
                    </d1>
                    <div></div>
                </div>
                <div></div>
            </li>
            <li>
                <d1>
                    <dd></dd>
                </d1>
            </li>
            <li>
                <d1>
                    <dd></dd>
                    <dd></dd>
                </d1>
            </li>
            <li>
                <div>
                    <p>
                        <sapn></sapn>
                    </p>
                    <div>
                        <a href="document.querySelector('#cx_login_box_return')" title="返回"></a>
                    </div>
                </div>
            </li>
        </ul>
        <div></div>
    </fieldset>
</form>
</body>
</html>